<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买</title>
    <link rel="stylesheet" href="./../css/index.css">
</head>
<script src="../js/flexible.js"></script>
<style>
    /* margin padding lineheight 使用px作为单位 */
</style>

<body>
    <!--头部-->
    <header id="header">
        <img src="./../assets/images/header_logo.png" alt="">
        <img src="./../assets/images/header_app.png" alt="">
    </header>
    <!--搜索-->
    <section id="search">
        <input type="text" placeholder="请输入你想比价的产品">
        <button>搜索</button>
    </section>
    <!--菜单-->
    <section id="menu">
        <ul>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </li>
            <li>
                <a href="moneyctrl.html"><img src="./../assets/images/ic_cu.png" alt="">
                    <p>省钱控</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_coudanpin.png" alt="">
                    <p>国内折扣</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_bcj.png" alt="">
                    <p>白菜价</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/haitao.png" alt="">
                    <p>海淘折扣</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_temai.png" alt="">
                    <p>优惠券</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_trend.png" alt="">
                    <p>查历史价</p>
                </a>
            </li>
            <li>
                <a href="#" id="more"><img src="./../assets/images/gengduo.png" alt="">
                    <p>更多</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_coudanpin.png" alt="">
                    <p>凑单品</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_kb.png" alt="">
                    <p>口碑排行</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_mall.png" alt="">
                    <p>商城导航</p>
                </a>
            </li>
            <li>
                <a href="category.html"><img src="./../assets/images/ic_pp.png" alt="">
                    <p>品牌大全</p>
                </a>
            </li>
        </ul>
    </section>
    <!--商品推荐-->
    <div class="navigation">
        <span>超值折扣推荐</span>
        <img src="./../assets/images/more.png" alt="">
    </div>
    <section id="recommen">
        <ul>
            <li></li>
        </ul>
    </section>
    <!--底部-->
    <section id="footer">
        <a href="#">更多优惠信息>></a>
        <div class="navigation">
            <span>品牌排行</span>
            <img src="./../assets/images/more.png" alt="">
        </div>
        <div id="dibu"><span>登入</span>
            <span>注册</span>
            <span>返回顶部</span>
            <p>手机APP下载&nbsp;慢慢买手机版&nbsp;--&nbsp;掌上比价平台</p>
            <p>m.manmanbuy.com</p>
        </div>

    </section>





    <!--js文件 注意引入的依赖关系-->
    <script src="./../js/index.js"></script>
</body>

</html>